﻿@model GameSchool.Models.LogOnModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Innskráning - GameSchool</title>
</head>
<body>
       <script src="@Url.Content("https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js")></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js")"></script>
    <!---Font style sheet from Google Fonts --->
    <link href='http://fonts.googleapis.com/css?family=Press+Start+2P|Audiowide|Nosifer' rel='stylesheet' type='text/css'>
    <!--Our CSS-->
    <link rel="stylesheet" type="text/css" href="/Content/css/forms.css" />

	<script>
	    $(function () {
	        $("#logonform").dialog({ closeText: '' });
	    });
	</script>

    <section>
    
    <h1 class="logon-gameschool">GameSchool</h1>
    
    </section>

  <section id="logonform" class="container" >
    @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
 
        <fieldset id="loginscreen">
            <legend>Innskráning:</legend>
    
            <section class="one-half">
            <label for="UserName">Notandanafn:</label>
                            @Html.EditorFor(model => model.UserName)
                @Html.ValidationMessageFor(model => model.UserName)

            </section>

            <section class="one-half last" id="pwdinput">
                         <label for="Password" id="loginpassword">Lykilorð:</label>
                @Html.EditorFor(model => model.Password)
                @Html.ValidationMessageFor(model => model.Password)
            </section>
    
            <section>
            <label for="RememberMe">Muna eftir mér</label>
                @Html.EditorFor(model => model.RememberMe)
                @Html.ValidationMessageFor(model => model.RememberMe)
            </section>
            <section class="buttonfield"> 
                <section class="one-third">
                     <input type="submit" value="Innskrá" name="sendbutton" /> 
                     <input type="submit" value="Gleymt lykilorð" name="lostpassword" id="lostpass" /> 
                </section>  
                <section class="one-third last">
                     
                </section>
             </section>
        </fieldset>
    }
 </section>
</body>

</html>
